<template>
	<view class="page-index">
		<view class="orderBox">
			<view class="orderItem" v-if="info.shop_name">
				<view class="orderInfo">
					<view class="orderTitle">施工门店:</view>
					<view class="orderValue">{{ info.shop_name }}</view>
				</view>
				<view class="orderInfo">
					<view class="orderTitle">施工类型:</view>
					<view class="orderValue">{{ info.con_name }}</view>
				</view>
				<view class="orderInfo">
					<view class="orderTitle">施工车型:</view>
					<view class="orderValue">{{ info.car_model }}</view>
				</view>
				<view class="orderInfo">
					<view class="orderTitle">到店时间:</view>
					<view class="orderValue">{{ workTime(info.work_time) }}</view>
				</view>
				<view class="orderInfo" v-if="Number(info.coupon_price)>0">
					<view class="orderTitle">优惠券:</view>
					<view class="orderValue">¥{{ info.coupon_price }}</view>
				</view>
				<view class="orderInfo" v-if="Number(info.price)>0">
					<view class="orderTitle">总金额:</view>
					<view class="orderValue">¥{{ info.price }}</view>
				</view>
				<view class="orderInfo" v-if="info.unfreeze_date">
					<view class="orderTitle">预计佣金到账时间:</view>
					<view class="orderValue">{{ info.unfreeze_date }}</view>
				</view>
			</view>
		</view>
		<view class="imageBox">
			<view class="uploadBox">
				<view class="uploadImage" @click="chooseImage()" v-if="imageArr.length<8">
					<image src="/static/home/photo.png" class="photo"></image>
				</view>
				<image :src="item" class="images" v-for="(item,index) in imageArr" :key="index"></image>
			</view>
		</view>
		<view class="" style="font-size: 24rpx;color: #999;padding:0 24rpx;" v-if="info.status==1">
			请上传8张施工图片<text style="color: #F00;;">*</text>
		</view>
		<view class="submit" v-if="info.status==1">
			<view class="finish" @click="submit">
				完成订单
			</view>
		</view>
		<!-- canvas画布 -->
		<canvas v-for="(item,index) in canvasList" class="canvascss" :canvas-id="'canvasId' + index"
			:style="{ width: item.width + 'px', height: item.height + 'px' }" />
	</view>
</template>

<script src="./page.js"></script>
<style>
	page {
		background: #f5f5f5;
	}
</style>
<style scoped lang="scss">
	@import 'page.scss';
</style>